<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>泛舟游客的博客</title>
    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
    <link rel="stylesheet" href="/res/css/index.css">
    <script type="module" src="/res/js/index.js"></script>

    <link rel="stylesheet" href="/view/tags/footer.css">
    <link rel="stylesheet" href="/view/tags/nav.css">
    <script  src="/view/tags/nav.js" defer></script>

</head>

<body>
    <div class="navigation"></div>
    
    <div class="top-section">
        <!-- 修改后的导航栏结构 -->
        
        <div class="top-background">
            <span class="top-sign-0">给时光以生命，给岁月以文明</span>
            <span class="top-sign-1">-- 《三体》</span>
        </div>
    </div>
    <div class="main-content">

        <div class="content-container">
            <div class="sidebar">
                <div class="sidebar-sign">
                    <div class="sidebar-logo"><img src="/res/media/img/logo.jpg" alt="logo"></div>
                    <div class="sidebar-name">泛舟游客</div>
                    <div class="sidebar-sign">江心泛泛虚影，名曰泛舟游客</div>
                    <div class="sidebar-social">
                        <a href="mailto:boatdrift@qq.com">
                            <img src="/res/media/svg/logo/email.svg" alt="email">
                        </a>
                        <a href="https://github.com/gravitysword">
                            <img src="/res/media/svg/logo/github.svg" alt="github">
                        </a>
                        <a href="https://space.bilibili.com/0">
                            <img src="/res/media/svg/logo/bili.svg" alt="bilibili">
                        </a>
                        <a href="https://www.zhihu.com/people/0">
                            <img src="/res/media/svg/logo/zhihu.svg" alt="zhihu">
                        </a>
                        <a href="https://www.douyin.com/user/0">
                            <img src="/res/media/svg/logo/douyin.svg" alt="douyin">
                        </a>
                        <a href="https://www.weibo.com/u/0">
                            <img src="/res/media/svg/logo/weibo.svg" alt="weibo">
                        </a>
                    </div>
                </div>

                <div class="sidebar-introduce">
                    <h3>个人介绍</h3>
                    <p>西南某普通一本的在读大学生</p>
                    <p>喜欢研究ai技术，王者n年牢玩家</p>

                </div>

                <div class="sidebar-notice">
                    <h3>网站公告</h3>
                    <p>重要通知与最新动态：</p>
                    <ol class="notice-list">
                        <li>RSS订阅功能即将推出</li>
                    </ol>
                </div>
            </div>

            <div class="blog-list">
                <ul>
                    <li>
                        <span class="blog-title">测试标题-1</span>
                        <span class="blog-introduce">
                            <img class="calendar" src="./res/media/svg/sys/calendar.svg" alt="logo">
                            <span class="blog-date">2025-01-24</span>
                            <span class="blog-tag">生活</span>
                        </span>
                        <span class="blog-summary">当你只看到这一条文博客时，这说明你的网络并未完全加载好，请耐心等待</span>
                    </li>
                </ul>

                <div class="pagination">
                    <!-- 翻页栏将由JavaScript动态生成，但这里提供基本结构 -->
                    <button class="pagination-button prev-button" title="上一页">&lt;</button>
                    <div class="page-numbers">
                        <a href="#" class="page-number active">1</a>
                        <a href="#" class="page-number">2</a>
                        <a href="#" class="page-number">3</a>
                        <a href="#" class="page-number">4</a>
                    </div>
                    <button class="pagination-button next-button" title="下一页">&gt;</button>
                    <div class="goto-container">
                        <span class="goto-text">Go to</span>
                        <input type="text" class="page-input" value="1">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 引入共享的页脚模板 -->
    <div id="footer"></div>
    <script>
        (async () => {
            const response = await fetch('/view/tags/footer.html');
            const data = await response.text();
            document.getElementById('footer').innerHTML = data;
        })();

      
    </script>
</body>

</html>